<html>
<head>
<link type="text/css" rel="stylesheet" href="oscroll.css" />
<script type="text/javascript" src="oscroll.js"></script>
<style>
#scroller {
	width: 200px;
	height: 400px;
}
</style>
<script type="text/javascript">
function test ()
{
	var e = [];
	var t;

	for ( t = 0; t < 100; t ++ )
	{
		e.push ( "Item: " + t );
	}

	e.push ( '<div id="track"></div>' );

	document.getElementById ( "scroller" ).innerHTML = e.join ( "<br />" );
}

function init ()
{
	test ();

	var s = new oscroll ( "test", document.getElementById ( "scroller" ) );
};
</script>
</head>
<body onload="init()">
<div id="scroller"></div>    
</body>
</html>
